<route>{ index: 0, title: '指南' }</route>

<template>
  <h1>指南</h1>
  <h2>介绍</h2>
  <p>本组件库基于Vue3 + element-plus开发，还提供一些Utils工具函数。</p>
  <!-- <p>
    本组件库包含PC版与Mobile版，PC版基于Vue3 + element-plus开发，Mobile版基于Vue3 +
    Vant开发。
  </p>
  <p>本组件库除了提供UI组件外，还提供一些Utils工具函数。</p>

  <h2>引入</h2>
  <p>使用vue插件的方式进行引入。PC注意修改config中的baidu地图的key。</p>
  <h3>PC示例代码</h3>
  <code-demo :code="pcCode"></code-demo>
  <h3>Mobile示例代码</h3>
  <code-demo :code="mobileCode"></code-demo>

  <h2>附加依赖</h2>
  <p>本组件已附加以下依赖：</p>
  <ol>
    <li>已全局引入 element-plus，可再自行配置按需引入</li>
    <li>已全局引入 @element-plus/icons-vue，可再自行配置按需引入</li>
    <li>已完整引入 element 样式，`import 'element-plus/dist/index.css'`</li>
    <li>已引入 vant及其icon，组件库中使用局部注册，可再自行配置按需引入</li>
    <li>已引入 echarts</li>
    <li>已引入 antv/g6</li>
    <li>已引入 stylus，可使用lang="stylus"</li>
    <li>已引入 vite-plugin-vue-setup-extend，可以方便的配置组件name，但需自行配置才会生效</li>
  </ol>

  <h2>Mobile特别说明</h2>
  <ol>
    <li>
      移动版报告应配置postcss-px-to-viewport，可参考https://vant-contrib.gitee.io/vant/#/zh-CN/advanced-usage。配置时应注意排除对pc端样式的单位转换。
    </li>
    <li>
      移动版需要注意iphone底部安全区适配，vant的方案详见https://vant-contrib.gitee.io/vant/#/zh-CN/advanced-usage。如需自定义实现，可参考vant的方案。
    </li>
  </ol> -->

  <h2>其他说明</h2>
  <ol>
    <li>本UI组件名无统一前缀，请避免自定义组件与本UI组件重名。</li>
    <li>本UI组件的class命名与组件名对应，请避免因重名问题而导致样式冲突。</li>
  </ol>
</template>
